.imagen-circulo-50 {
  clip-path: circle(50%);
}

.imagen-circulo-40 {
  clip-path: circle(40%);
}

.imagen-circulo-60 {
  clip-path: circle(60%);
}

.imagen-circulo-derecha {
  clip-path: circle(50% at right);
  width: 150px;
  height: 150px;
}

.imagen-flotante-circular {
  float: left;
  clip-path: circle(40%);
  shape-outside: circle(45%);
  margin-right: 15px;
  width: 150px ;
  height: 150px;
}

.contenedor-texto {
  border: 1px solid green;
  padding: 10px;
}

.imagen-elipse-derecha {
  clip-path: ellipse(50% 35% at right);
}

.imagen-poligono {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}